<template>
   <el-row :gutter="10">
     <el-col :span="6">
        <el-card shadow="always">
            <detail title="总销售额" msg="￥126560" footermsg='日销售额￥ 12423'>
                <template slot="mainmsg">
                    <span>周同比&nbsp;&nbsp;56.67%</span><svg t="1679730593010" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2641" width="16" height="12"><path d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z" fill="#d81e06" p-id="2642"></path></svg>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <span>日同比&nbsp;&nbsp;19.16%</span><svg t="1679730638832" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3669" width="16" height="12"><path d="M64 320l448 448 448-448z" fill="#1afa29" p-id="3670"></path></svg>
                </template>
                <template slot='footermsg'>
                    <span>日销售额￥ 12423</span>
                </template>
            </detail>
        </el-card>
     </el-col>
      <el-col :span="6">
        <el-card>
            <detail title="访问量" msg="88460" >
                <template slot="mainmsg">
                     <lineChart/>
                </template>
                <template slot='footermsg'>
                    <span>日访问量 1234</span>
            </template>
            </detail>
            
        </el-card>
     </el-col>
      <el-col :span="6">
        <el-card>
           <detail title="支付笔数" msg="88460">
             <template slot="mainmsg">
                     <barChart/>
                </template>
            <template slot='footermsg'>
                    <span>转化率 65%</span>
            </template>
           </detail>
           
        </el-card>
     </el-col>
      <el-col :span="6">
        <el-card>
           <detail title="运营活动效果" msg="78%">
            <template slot="mainmsg">
                     <progressChart/>
                </template>
           <template slot='footermsg'>
                    <span>周同比&nbsp;&nbsp;12%</span><svg t="1679730593010" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2641" width="16" height="12"><path d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z" fill="#d81e06" p-id="2642"></path></svg>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <span>日同比&nbsp;&nbsp;11%</span><svg t="1679730638832" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3669" width="16" height="12"><path d="M64 320l448 448 448-448z" fill="#1afa29" p-id="3670"></path></svg>
            </template>
            </detail>
        </el-card>
     </el-col>
   </el-row>
</template>

<script>
import detail from './detail/datail'
import lineChart from '@/views/dashboard/card/lineChart/lineChart'
import barChart from '@/views/dashboard/card/barChart/barchart'
import progressChart from '@/views/dashboard/card/progressChart/progress'
export default {
   name:'Card',
   components:{detail,lineChart,barChart,progressChart}
}
</script>

<style>

</style>